<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$smarty.const.PRINTFORMS_SHIPPING_SUMMARY_NAME}</title>
<style type="text/css">{literal}
@media screen {input,.noprint {display: inline;height: auto;} .printable{display: none;}}
@media print {input,.noprint {display: none;} textarea {border:0;} .printable{display: inline;}}
body, td { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
</style>{/literal}
{if !$strict}
<script type="text/javascript">
var lang_strings = {literal}{{/literal}
	'edit_link':'{'print_form_edit_before_print'|translate}',
	'field_title':'{'print_form_edit_title'|translate}',
	'save_link':'{'btn_ok'|translate}'
{literal}}{/literal}
var page_url = '{''|set_query_html}';
</script>
<script type="text/javascript" src="{$smarty.const.URL_JS}/inline_edit_printform.js"></script>

{literal}
<script type="text/javascript">
var search_complete = false;
var map = null;
var geocoder = null;
{/literal}
</script>
{if $smarty.const.CONF_GOOGLE_MAPS_API_KEY}
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key={$smarty.const.CONF_GOOGLE_MAPS_API_KEY}" type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key={$smarty.const.CONF_GOOGLE_MAPS_API_KEY}" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
<style type="text/css">
  @import url("http://www.google.com/uds/css/gsearch.css");
  @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
</style>
<script type="text/javascript">
var add = '{$order.shipping_country|escape:'html'} {$order.shipping_city|escape:'html'} {$order.shipping_address|escape:'html'}';
{literal}
function search()
{
	var map_address = document.getElementById("map_address");
	if(map_address){
		initialize(map_address.value);
	}
}
function initialize(address) {
	if(!address)address = add;
	if (GBrowserIsCompatible()){
		if(!geocoder){
			geocoder = new GClientGeocoder();
		}
		if(geocoder) {
			geocoder.getLatLng(address,
				function(point) {
					if (!point) {
						var map_canvas = document.getElementById("map_canvas");
						map_canvas.innerHTML = "<span class=\"noprint\" style=\"color:red;\">{/literal}{'print_form_address_not_found'|transcape}{literal}<\/span><textarea id=\"map_address\" cols=\"50\" rows=\"6\" class=\"noprint\">"+address + "<\/textarea><input type=\"button\" value=\"{/literal}{'btn_search_again'|translate}{literal}\" onclick=\"search();return false;\">";
					} else {
						if(!map){
							map = new GMap2(document.getElementById("map_canvas"));
							map.addControl(new GLargeMapControl());
							map.addControl(new GMapTypeControl());
						}
						map.setCenter(point, 13);
						var marker = new GMarker(point);
						map.addOverlay(marker);
						marker.openInfoWindowHtml(address);
					}
				}
			);
		}
	}
}
</script>{/literal}
{/if}
{/if}
</head>
<body{if !$strict} onload="Printform.init('inline_edit');{if $smarty.const.CONF_GOOGLE_MAPS_API_KEY}setTimeout('initialize();',500);" onunload="GUnload()"{else}"{/if}{/if}>
{include file="print_button.html"}

<table cellpadding="10" cellspacing="0" width="100%" border="0">
<tr>
	<td width="60%" style="border-bottom: 1px solid #ccc;">
		{if $smarty.const.CONF_PRINTFORM_COMPANY_LOGO}
		<h1><img src="{$smarty.const.URL_IMAGES}/{$smarty.const.CONF_PRINTFORM_COMPANY_LOGO}"/></h1>
		{else}
		<h1><img src="{$smarty.const.URL_IMAGES}/companyname.gif"/></h1>
		{/if}
	</td>
	<td width="40%" style="border-bottom: 1px solid #ccc;">
		{'ordr_comment'|translate}:
		<textarea style="width: 100%; height: 100px; font-size: 100%; font-weight: bold;">{$order.customers_comment}</textarea>
	</td>
</tr>
<tr>
	<td>
		<h2>{'ordr_id'|translate} <span class="inline_edit">{$order.orderID_view}</span></h2>
		<p>
		<strong style="font-size: 120%;" class="inline_edit">{$order.shipping_name}</strong></p>
		<table>
		{foreach from=$customer key=field item=value}
			<tr><td>{$field}</td><td>:</td><td class="inline_edit">{$value}</td></tr>
		{/foreach}
		</table>
		<p>{'ordr_shipping_address'|translate}:</p>
		{if $order.shipping_address}<span class="inline_edit">{$order.shipping_address|escape:'html'}</span><br />{/if}
		{if $order.shipping_city}<span class="inline_edit">{$order.shipping_city|escape:'html'}</span>{/if}
		{if $order.shipping_state}<span class="inline_edit">{$order.shipping_state|escape:'html'}</span>{/if}
		{if $order.shipping_zip}<span class="inline_edit">{$order.shipping_zip|escape:'html'}</span><br />{/if}
		{if $order.shipping_country}<span class="inline_edit">{$order.shipping_country|escape:'html'}</span>{/if}
		
		<div id="map_canvas"  style="width: 400px; height: 400px;"></div>
	</td>
	<td valign="top">
		<h2 class="inline_edit">{$order.order_amountToShow}</h2>
		<p>{'ordr_payment_type'|translate}: <strong class="inline_edit">{$order.payment_type}</strong></p>
		<p>{'ordr_shipping_type'|translate}: <strong class="inline_edit">{$order.shipping_type}</strong></p>
		<p>{'email_ordr_ordered_products'|translate}:</p>
		<p style="padding-left: 20px;">
		{foreach from=$order_content item=order_item}
			{$order_item.name} (&times;{$order_item.Quantity})<br />
		{/foreach}
		</p>
	</td>
</tr>
</table>

</body>
</html>